import React from "react";
import { Outlet } from "react-router-dom";
import { Layout, PageHeader } from "antd";
import ManageMenu from "./ManageMenu";
import ManagerHeader from "./ManagerHeader";

const { Header, Content, Sider } = Layout;

export default function Dashboard() {
  return (
    <Layout>
      <Header className="page_header">
        <ManagerHeader />
      </Header>
      <Layout>
        <Sider width={200} className="page_aside">
          <ManageMenu />
        </Sider>
        <Layout
          style={{
            padding: "0 24px 24px",
          }}
        >
          <PageHeader
            className="site-page-header"
            title="管理界面"
            subTitle="This is a subtitle"
          />

          <Content
            className="page_content"
            style={{
              padding: 24,
              margin: 0,
              minHeight: 280,
            }}
          >
            <Outlet />
          </Content>
        </Layout>
      </Layout>
    </Layout>
  );
}
